<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title>Atlas</title>
        <!-- CSS -->
        <link rel="stylesheet" href="media/css/reset.css"/>
        <link rel="stylesheet" href="media/css/animate.css"/>
        <link rel="stylesheet" href="media/css/styles.css"/>
    </head>

    <body>
        <!-- Begin Page Content -->

        <div id="container">

            <form action="j_security_check" method="POST" class="container_24 clearfix" style="margin-top: 20px;">

                <div id="form2:j_idt24" class="ui-message ui-message-error ui-widget ui-corner-all" 
                     data-target="form2:txt" data-display="text" aria-live="polite">
                    <span class="ui-message-error-detail">
                        Nome de usuário ou senha está incorreto !
                    </span>
                </div>

                <label for="id_username">Usuário:</label>

                <input type="text" name="j_username" 
                       class="text" placeholder="nome_usuario"
                       id="id_username" maxlength="30"/>

                <label for="id_password">Senha:</label>

                <p><a href="#">Esqueceu sua senha?</a></p>

                <input type="password" name="j_password" 
                       class="text" placeholder="**********"
                       id="id_password"/>

                <div id="lower">

                    <!--                    <input type="checkbox"/>
                                        <label class="check" for="checkbox">Mantenha-me conectado</label>-->

                    <input type="submit" value="Login" style="width: 88%; height: 40px"/>

                </div><!--/ lower-->

            </form>

        </div><!--/ container-->
    </body>
</html>